/**
 * Route 组件三种渲染组件的写法
 *
 *    1. component
 *      <Route path="/home" component={Home} />
 *    2. render
 *      <Route path="/home" render={(props) => <Home />} />
 *    3. children
 *      <Route path="/home">
 *        <Home />
 *      </Route>
 *
 * PS:
 *    1. 三种选择其一即可，更推荐 component
 *    2. render 与 children 时，组件是当成普通组件调用的，不会自动接收路由相关的Props，如果需要的话：
 *      1. 主动传递下去
 *      2. 使用 withRouter 高阶一番 【路由6中移除了】
 */

import ReactDOM from "react-dom/client";

import { HashRouter as Router } from "react-router-dom";
import App from "./App.tsx";
import "./index.css";

ReactDOM.createRoot(document.getElementById("root")!).render(
  // <React.StrictMode>
  <Router>
    <App />
  </Router>
  // </React.StrictMode>
);
